<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
    <a href="https://www.baidu.com">百度一下</a>
    <a href="https://www.tmooc.cn/">达内教育</a>
    <a href="01_HTML结构.html">今日的第一个页面</a>
    <a href="02_基础标签.html">今日的第二个页面</a>
    <a href="../image.png">即将打开一张图片</a> <br>

    <!-- 图片超链接：超链接中包裹的显示内容是一张图片-->
    <a href="http://www.tmooc.cn/course/305086.shtml"><img src="1.png"></a>

    <!-- 锚点 -->
    <h1>西游记</h1>
    <a href="#1">跳转到第1章</a>
    <a href="#2">跳转到第2章</a>
    <a href="#3">跳转到第3章</a>
    <a href="#4">跳转到第4章</a>
    <h3 id="1">第1章 石猴出世</h3>
    <p>
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
        《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    </p>
    <h3 id="2">第2章 唐僧出世</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae ducimus quae ullam ut? Accusamus adipisci at consequuntur cumque, deleniti eaque eius, enim, fuga iste labore modi molestiae praesentium soluta.</span><span>Aliquam consequatur fugit illum impedit laborum minima nihil obcaecati qui rerum sapiente, unde voluptatem? Dolor dolorem doloremque ipsum voluptatibus? Corporis dignissimos dolorum earum eos error fugit iste nostrum, quod quos?</span><span>Atque commodi cupiditate deleniti dicta dignissimos in ipsam nisi odit reprehenderit voluptatum? Consequuntur officiis quos veritatis. Autem cum distinctio dolorum explicabo, ipsum minima qui, quidem quo, reiciendis rem rerum voluptates.</span><span>At beatae dolorem dolorum laboriosam molestias, nihil quo sint. Delectus dignissimos fugit illum ipsam nemo perspiciatis placeat quos sint voluptatem voluptatum. Corporis dolore dolores eveniet expedita pariatur, saepe tempora voluptatibus.</span><span>Accusantium at blanditiis dignissimos doloremque, ea, eveniet excepturi, exercitationem facilis in laborum neque nulla quis quod reprehenderit sit! Alias aperiam aspernatur eligendi et exercitationem, fugiat neque nisi possimus provident quo.</span><span>Aliquid aperiam dicta dolorem eveniet fuga laborum libero nam obcaecati ut veniam. Architecto beatae consequatur expedita id labore laudantium magnam maiores maxime nemo nulla quos recusandae sed soluta veritatis, voluptatem.</span><span>Deserunt ea, esse modi numquam praesentium ullam. Debitis dolorum iure praesentium provident quam quisquam reprehenderit, sit soluta totam voluptatibus. Ducimus excepturi magni praesentium quibusdam repudiandae. A ex magnam suscipit vitae!</span><span>Aliquam aperiam architecto aspernatur dolore dolorem dolorum ex excepturi fugiat iste laborum laudantium molestiae nihil nisi numquam perferendis placeat quibusdam ratione repellat saepe sed sint, suscipit unde veritatis voluptatibus voluptatum.</span><span>Iusto laudantium nulla quibusdam veritatis. Assumenda et hic impedit laborum unde! Blanditiis dolor enim esse modi nam nisi placeat possimus quos sit voluptate. A eligendi illum itaque nihil nostrum, sapiente.</span><span>A ab aliquid architecto atque deserunt dolor ducimus enim facilis hic laborum laudantium nam natus non, obcaecati provident quisquam rem repellendus sequi similique sint tempora tenetur totam voluptatum? Dolore, porro!</span></p>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae ducimus quae ullam ut? Accusamus adipisci at consequuntur cumque, deleniti eaque eius, enim, fuga iste labore modi molestiae praesentium soluta.</span><span>Aliquam consequatur fugit illum impedit laborum minima nihil obcaecati qui rerum sapiente, unde voluptatem? Dolor dolorem doloremque ipsum voluptatibus? Corporis dignissimos dolorum earum eos error fugit iste nostrum, quod quos?</span><span>Atque commodi cupiditate deleniti dicta dignissimos in ipsam nisi odit reprehenderit voluptatum? Consequuntur officiis quos veritatis. Autem cum distinctio dolorum explicabo, ipsum minima qui, quidem quo, reiciendis rem rerum voluptates.</span><span>At beatae dolorem dolorum laboriosam molestias, nihil quo sint. Delectus dignissimos fugit illum ipsam nemo perspiciatis placeat quos sint voluptatem voluptatum. Corporis dolore dolores eveniet expedita pariatur, saepe tempora voluptatibus.</span><span>Accusantium at blanditiis dignissimos doloremque, ea, eveniet excepturi, exercitationem facilis in laborum neque nulla quis quod reprehenderit sit! Alias aperiam aspernatur eligendi et exercitationem, fugiat neque nisi possimus provident quo.</span><span>Aliquid aperiam dicta dolorem eveniet fuga laborum libero nam obcaecati ut veniam. Architecto beatae consequatur expedita id labore laudantium magnam maiores maxime nemo nulla quos recusandae sed soluta veritatis, voluptatem.</span><span>Deserunt ea, esse modi numquam praesentium ullam. Debitis dolorum iure praesentium provident quam quisquam reprehenderit, sit soluta totam voluptatibus. Ducimus excepturi magni praesentium quibusdam repudiandae. A ex magnam suscipit vitae!</span><span>Aliquam aperiam architecto aspernatur dolore dolorem dolorum ex excepturi fugiat iste laborum laudantium molestiae nihil nisi numquam perferendis placeat quibusdam ratione repellat saepe sed sint, suscipit unde veritatis voluptatibus voluptatum.</span><span>Iusto laudantium nulla quibusdam veritatis. Assumenda et hic impedit laborum unde! Blanditiis dolor enim esse modi nam nisi placeat possimus quos sit voluptate. A eligendi illum itaque nihil nostrum, sapiente.</span><span>A ab aliquid architecto atque deserunt dolor ducimus enim facilis hic laborum laudantium nam natus non, obcaecati provident quisquam rem repellendus sequi similique sint tempora tenetur totam voluptatum? Dolore, porro!</span></p>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae ducimus quae ullam ut? Accusamus adipisci at consequuntur cumque, deleniti eaque eius, enim, fuga iste labore modi molestiae praesentium soluta.</span><span>Aliquam consequatur fugit illum impedit laborum minima nihil obcaecati qui rerum sapiente, unde voluptatem? Dolor dolorem doloremque ipsum voluptatibus? Corporis dignissimos dolorum earum eos error fugit iste nostrum, quod quos?</span><span>Atque commodi cupiditate deleniti dicta dignissimos in ipsam nisi odit reprehenderit voluptatum? Consequuntur officiis quos veritatis. Autem cum distinctio dolorum explicabo, ipsum minima qui, quidem quo, reiciendis rem rerum voluptates.</span><span>At beatae dolorem dolorum laboriosam molestias, nihil quo sint. Delectus dignissimos fugit illum ipsam nemo perspiciatis placeat quos sint voluptatem voluptatum. Corporis dolore dolores eveniet expedita pariatur, saepe tempora voluptatibus.</span><span>Accusantium at blanditiis dignissimos doloremque, ea, eveniet excepturi, exercitationem facilis in laborum neque nulla quis quod reprehenderit sit! Alias aperiam aspernatur eligendi et exercitationem, fugiat neque nisi possimus provident quo.</span><span>Aliquid aperiam dicta dolorem eveniet fuga laborum libero nam obcaecati ut veniam. Architecto beatae consequatur expedita id labore laudantium magnam maiores maxime nemo nulla quos recusandae sed soluta veritatis, voluptatem.</span><span>Deserunt ea, esse modi numquam praesentium ullam. Debitis dolorum iure praesentium provident quam quisquam reprehenderit, sit soluta totam voluptatibus. Ducimus excepturi magni praesentium quibusdam repudiandae. A ex magnam suscipit vitae!</span><span>Aliquam aperiam architecto aspernatur dolore dolorem dolorum ex excepturi fugiat iste laborum laudantium molestiae nihil nisi numquam perferendis placeat quibusdam ratione repellat saepe sed sint, suscipit unde veritatis voluptatibus voluptatum.</span><span>Iusto laudantium nulla quibusdam veritatis. Assumenda et hic impedit laborum unde! Blanditiis dolor enim esse modi nam nisi placeat possimus quos sit voluptate. A eligendi illum itaque nihil nostrum, sapiente.</span><span>A ab aliquid architecto atque deserunt dolor ducimus enim facilis hic laborum laudantium nam natus non, obcaecati provident quisquam rem repellendus sequi similique sint tempora tenetur totam voluptatum? Dolore, porro!</span></p>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae ducimus quae ullam ut? Accusamus adipisci at consequuntur cumque, deleniti eaque eius, enim, fuga iste labore modi molestiae praesentium soluta.</span><span>Aliquam consequatur fugit illum impedit laborum minima nihil obcaecati qui rerum sapiente, unde voluptatem? Dolor dolorem doloremque ipsum voluptatibus? Corporis dignissimos dolorum earum eos error fugit iste nostrum, quod quos?</span><span>Atque commodi cupiditate deleniti dicta dignissimos in ipsam nisi odit reprehenderit voluptatum? Consequuntur officiis quos veritatis. Autem cum distinctio dolorum explicabo, ipsum minima qui, quidem quo, reiciendis rem rerum voluptates.</span><span>At beatae dolorem dolorum laboriosam molestias, nihil quo sint. Delectus dignissimos fugit illum ipsam nemo perspiciatis placeat quos sint voluptatem voluptatum. Corporis dolore dolores eveniet expedita pariatur, saepe tempora voluptatibus.</span><span>Accusantium at blanditiis dignissimos doloremque, ea, eveniet excepturi, exercitationem facilis in laborum neque nulla quis quod reprehenderit sit! Alias aperiam aspernatur eligendi et exercitationem, fugiat neque nisi possimus provident quo.</span><span>Aliquid aperiam dicta dolorem eveniet fuga laborum libero nam obcaecati ut veniam. Architecto beatae consequatur expedita id labore laudantium magnam maiores maxime nemo nulla quos recusandae sed soluta veritatis, voluptatem.</span><span>Deserunt ea, esse modi numquam praesentium ullam. Debitis dolorum iure praesentium provident quam quisquam reprehenderit, sit soluta totam voluptatibus. Ducimus excepturi magni praesentium quibusdam repudiandae. A ex magnam suscipit vitae!</span><span>Aliquam aperiam architecto aspernatur dolore dolorem dolorum ex excepturi fugiat iste laborum laudantium molestiae nihil nisi numquam perferendis placeat quibusdam ratione repellat saepe sed sint, suscipit unde veritatis voluptatibus voluptatum.</span><span>Iusto laudantium nulla quibusdam veritatis. Assumenda et hic impedit laborum unde! Blanditiis dolor enim esse modi nam nisi placeat possimus quos sit voluptate. A eligendi illum itaque nihil nostrum, sapiente.</span><span>A ab aliquid architecto atque deserunt dolor ducimus enim facilis hic laborum laudantium nam natus non, obcaecati provident quisquam rem repellendus sequi similique sint tempora tenetur totam voluptatum? Dolore, porro!</span></p>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae ducimus quae ullam ut? Accusamus adipisci at consequuntur cumque, deleniti eaque eius, enim, fuga iste labore modi molestiae praesentium soluta.</span><span>Aliquam consequatur fugit illum impedit laborum minima nihil obcaecati qui rerum sapiente, unde voluptatem? Dolor dolorem doloremque ipsum voluptatibus? Corporis dignissimos dolorum earum eos error fugit iste nostrum, quod quos?</span><span>Atque commodi cupiditate deleniti dicta dignissimos in ipsam nisi odit reprehenderit voluptatum? Consequuntur officiis quos veritatis. Autem cum distinctio dolorum explicabo, ipsum minima qui, quidem quo, reiciendis rem rerum voluptates.</span><span>At beatae dolorem dolorum laboriosam molestias, nihil quo sint. Delectus dignissimos fugit illum ipsam nemo perspiciatis placeat quos sint voluptatem voluptatum. Corporis dolore dolores eveniet expedita pariatur, saepe tempora voluptatibus.</span><span>Accusantium at blanditiis dignissimos doloremque, ea, eveniet excepturi, exercitationem facilis in laborum neque nulla quis quod reprehenderit sit! Alias aperiam aspernatur eligendi et exercitationem, fugiat neque nisi possimus provident quo.</span><span>Aliquid aperiam dicta dolorem eveniet fuga laborum libero nam obcaecati ut veniam. Architecto beatae consequatur expedita id labore laudantium magnam maiores maxime nemo nulla quos recusandae sed soluta veritatis, voluptatem.</span><span>Deserunt ea, esse modi numquam praesentium ullam. Debitis dolorum iure praesentium provident quam quisquam reprehenderit, sit soluta totam voluptatibus. Ducimus excepturi magni praesentium quibusdam repudiandae. A ex magnam suscipit vitae!</span><span>Aliquam aperiam architecto aspernatur dolore dolorem dolorum ex excepturi fugiat iste laborum laudantium molestiae nihil nisi numquam perferendis placeat quibusdam ratione repellat saepe sed sint, suscipit unde veritatis voluptatibus voluptatum.</span><span>Iusto laudantium nulla quibusdam veritatis. Assumenda et hic impedit laborum unde! Blanditiis dolor enim esse modi nam nisi placeat possimus quos sit voluptate. A eligendi illum itaque nihil nostrum, sapiente.</span><span>A ab aliquid architecto atque deserunt dolor ducimus enim facilis hic laborum laudantium nam natus non, obcaecati provident quisquam rem repellendus sequi similique sint tempora tenetur totam voluptatum? Dolore, porro!</span></p>
    <h3 id="3">第3章 猪八戒出世</h3>
    <p>
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是
    </p>
    <h3 id="4">第4章 沙僧出世</h3>
    <p>
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    《西游记》是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，是《三国演义》的续集，
    </p>
    <a href="#1">跳转到第1章</a>
</body>
</html>